<template>
  <view class="pc-bg">
    <view class="pc-logo" @click="logoClick"></view>
    <view class="code-box">
      <view class="code-container">
        <view class="code-area">
          <view class="code-pic"></view>
        </view>
        <view class="code-text">
          扫一扫
          <br />
          永劫无间小程序内畅玩
        </view>
      </view>
      <view class="code-container gzh">
        <view class="code-area">
          <view class="code-pic"></view>
        </view>
        <view class="code-text">
          扫码关注公众号
          <br />
          更多信息一网打尽
        </view>
      </view>
    </view>
  </view>
</template>

<script>
//  import { newWin } from '@ccc/util'
export default {
  methods: {
    logoClick () {
      // newWin(`https://www.yjwujian.cn/`, 'newWin', '_blank')
    }
  }
}
</script>

<style lang="less" scoped>
.pc-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url('../../static/images/pc/bg.jpg');
  background-size: cover;
  background-position: center;
  .pc-logo {
    cursor: pointer;
    position: absolute;
    background-image: url('../../static/images/pc/logo.png');
    background-size: 100% 100%;
    width: 521px;
    height: 57px;
    top: 19px;
    left: 28px;
    z-index: 4;
  }
  .code-box {
    position: absolute;
    top: 100px;
    right: 100px;
    z-index: 4;
  }
  .code-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    &.gzh {
      .code-area {
        .code-pic {
          background-image: url('../../static/images/pc/gzh-pic.png');
        }
      }
    }
    .code-area {
      position: relative;
      width: 181px;
      height: 188px;
      background-image: url('../../static/images/pc/code-bg.png');
      background-size: cover;
      .code-pic {
        position: absolute;
        left: 24px;
        top: 30px;
        width: 138px;
        height: 138px;
        background-image: url('../../static/images/pc/code-pic.png');
        background-size: cover;
      }
    }
    .code-text {
      margin-top: 10px;
      font-size: 21px;
      color: rgb(231, 237, 220);
      text-align: center;
      font-family: 'FZShengShiKaiShuS-DB-GB';
      line-height: 130%;
    }
  }
}
</style>
